<!DOCTYPE html>
<html lang="en">

<!--
      :'######::'########:'########:::'######:::::'###::::
      '##... ##: ##.....:: ##.... ##:'##... ##:::'## ##:::
      ##:::..:: ##::::::: ##:::: ##: ##:::..:::'##:. ##::
      ##::::::: ######::: ########:: ##:::::::'##:::. ##:
      ##::::::: ##...:::: ##.. ##::: ##::::::: #########:
      ##::: ##: ##::::::: ##::. ##:: ##::: ##: ##.... ##:
      . ######:: ########: ##:::. ##:. ######:: ##:::: ##:
      :......:::........::..:::::..:::......:::..:::::..::
      '########:'########:::'#######::'##::::'##::::'###::::
      ... ##..:: ##.... ##:'##.... ##: ##:::: ##:::'## ##:::
      ::: ##:::: ##:::: ##: ##:::: ##: ##:::: ##::'##:. ##::
      ::: ##:::: ########:: ##:::: ##: ##:::: ##:'##:::. ##:
      ::: ##:::: ##.. ##::: ##:::: ##:. ##:: ##:: #########:
      ::: ##:::: ##::. ##:: ##:::: ##::. ## ##::: ##.... ##:
      ::: ##:::: ##:::. ##:. #######::::. ###:::: ##:::: ##:
      :::..:::::..:::::..:::.......::::::...:::::..:::::..::


      01011001 01001111 01010101  01000001 01010010 01000101
      01010111 01000101 01001100 01000011 01001111 01001101
      01000101  01010100 01001111
      01001100 01001111 01001111 01001011
      01000001 01010010 01001111 01010101 01001110 01000100
      01010100 01001000 01001001 01010011
      01000011 01001111 01000100 01000101 00101100
      01010011 01001110 01000101 01000001 01001011 01011001
      01010100 01010010 01000001 01010110 01000101 01001100
      01001100 01000101 01010010  01001111 01000110
      01010100 01001000 01000101
      01001001 01001110 01010100 01000101 01010010 01001110
      01000101 01010100                       -->

      

  <head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" />



    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
    <!-- OG Metas -->
    <meta property="og:url"           content="https://eeerik.com" />
    <meta property="og:type"          content="website" />
    <meta property="og:title"         content="The Preposterous Official Website of Erik Bernacchi" />
    <meta property="og:description"   content="A non-linear journey inside Erik Bernacchi's corner of the internet. A world where nothing is appropriate and everything is not as it should be." />
    <meta property="og:image"         content="https://eeerik.com/icons/thumb.jpg" />

    <!-- Standard Metas -->
    <meta name="description" content="A non-linear journey inside Erik Bernacchi's corner of the internet. A world where nothing is appropriate and everything is not as it should be.">
    <meta name="keywords" content="Portfolio, Design, Operative System, Crazy Portfolios, Funny Websites, Funny Portfolios, JavaScript">
    <meta name="author" content="Erik Bernacchi">
    <meta name="language" content="EN">
    <meta name="coverage" content="Worldwide">
    <meta name="distribution" content="Global">
    <meta name="rating" content="General">
    

    <title>Alpaca Bi的个人空间</title>

    <!-- Broweser Icons -->
    <link rel="icon" type="image/png" sizes="32x32" href="icons/alpaca.png">
    <link rel="icon" type="image/png" sizes="16x16" href="icons/alpaca.png">
    <link rel="mask-icon" href="icons/safari-pinned-tab.svg" color="#5bbad5">
    <link rel="apple-touch-icon" sizes="180x180" href="icons/apple-touch-icon.png">
    <link rel="shortcut icon" href="icons/alpaca.ico">



    <link rel="stylesheet" href="css/font/font.css">
    <link rel="stylesheet/less" type="text/css" href="main.less" />
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/temp.css">

    <!-- OS Interaction/Animation -->

    <script src="modules/libs/utils/webfont.js" charset="utf-8"></script>
    <script src="modules/utils.js" charset="utf-8"></script>
    <script src="modules/libs/utils/bezier.js" charset="utf-8"></script>
    <script src="modules/libs/utils/ThrowProps.js" charset="utf-8"></script>
    <script src="modules/libs/utils/draggable.js" charset="utf-8"></script>
    <script src="modules/libs/utils/cssPlugin.js" charset="utf-8"></script>
    <script src="modules/libs/utils/ease.js" charset="utf-8"></script>
    <script src="modules/libs/TweenLite.js" charset="utf-8"></script>

    <!-- OS Logic -->
    <script src="modules/libs/logic.js" charset="utf-8"></script>
    <script src="modules/Logic-OS.js" charset="utf-8"></script>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>


    <!-- Google Analytics -->
    <script>
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
    ga('create', 'UA-122101104-1', 'auto');
    ga('send', 'pageview');
    </script>
    <script async src='https://www.google-analytics.com/analytics.js'></script>
    <!-- End Google Analytics -->


  </head>
  <body>

    <!-- Loading -->
    <div id="dosLoading">
      <div class="dosLogo">
        <img id="dosLogoImage" style="border-radius: 100%;border: 2px solid white;" src="img/icons/System/alpaca.png">
        <div class="">
          欢迎访问 Alpaca OS<br><br>
          Copyright (C) Alpaca Bi<br><br>

          D:\alpaca\dir
        </div>
      </div>

      <div class="dosBadges">
        <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(-100%); top: 50%;  right: 0">
        <a href="https://www.awwwards.com" target="_blank">
          <svg width="53.08" height="171.358" style="display:none">
            <path class="js-color-bg" fill="var(--magenta)" d="M0 0h53.08v171.358H0z"></path>
            <g class="js-color-text" fill="black">
              <path d="M30.016 151.575a3.599 3.599 0 0 1-2.484 1.878l-.965-1.535c.623-.155 1.126-.401 1.506-.737.38-.337.57-.768.57-1.293 0-.4-.101-.722-.301-.966-.199-.242-.504-.365-.912-.365-.254 0-.478.083-.674.249a2.423 2.423 0 0 0-.511.62c-.146.249-.331.603-.556 1.061l-.204.424c-.293.584-.66 1.052-1.104 1.403-.443.351-1.011.525-1.703.525-.516 0-.983-.119-1.402-.357-.42-.239-.748-.575-.986-1.009s-.357-.929-.357-1.483c0-1.413.619-2.378 1.855-2.895l.979 1.535c-.721.253-1.082.706-1.082 1.359 0 .282.09.526.271.73.182.205.402.308.665.308s.495-.091.694-.271a2.51 2.51 0 0 0 .512-.657c.141-.258.324-.631.548-1.118.224-.478.454-.879.687-1.206a2.76 2.76 0 0 1 .914-.803c.375-.211.83-.315 1.367-.315.613 0 1.152.139 1.614.417.463.278.819.665 1.067 1.162s.373 1.062.373 1.695a3.545 3.545 0 0 1-.381 1.644M21.627 145.02a1.13 1.13 0 0 1-.833.336c-.332 0-.61-.111-.834-.336s-.336-.502-.336-.833c0-.332.112-.608.336-.833s.502-.337.834-.337c.331 0 .608.112.833.337s.336.501.336.833c0 .331-.111.608-.336.833m1.285-1.74h7.367v1.812h-7.367v-1.812zM29.709 140.226c-.458.479-1.135.716-2.031.716h-3.216v1.141h-1.55v-1.141H21.07l-1.139-1.812h2.98v-1.945h1.55v1.945h3.187c.438 0 .748-.081.928-.242.181-.16.27-.402.27-.723 0-.244-.057-.479-.175-.702l1.462-.424c.176.38.264.779.264 1.198-.001.849-.23 1.511-.688 1.989M29.833 134.72a3.333 3.333 0 0 1-1.433 1.169c-.579.249-1.182.373-1.805.373s-1.225-.124-1.805-.373a3.347 3.347 0 0 1-1.434-1.169c-.375-.531-.563-1.196-.563-1.995 0-.77.184-1.413.549-1.93a3.282 3.282 0 0 1 1.381-1.14 4.239 4.239 0 0 1 1.711-.365h.746v5.072a1.796 1.796 0 0 0 1.168-.49c.332-.307.496-.724.496-1.249 0-.41-.092-.753-.277-1.031-.185-.277-.473-.528-.862-.753l.542-1.462c.691.303 1.223.724 1.592 1.265.371.541.557 1.235.557 2.083 0 .798-.188 1.463-.563 1.995m-4.085-3.574c-.41.088-.746.261-1.009.519s-.394.611-.394 1.06c0 .429.135.784.408 1.067s.604.458.994.526v-3.172zM29.898 122.64c-.33.565-.783.996-1.359 1.294-.574.297-1.221.445-1.943.445-.721 0-1.369-.148-1.943-.445-.576-.298-1.029-.729-1.36-1.294s-.496-1.232-.496-2.002c0-.771.165-1.438.496-2.003a3.301 3.301 0 0 1 1.36-1.293c.574-.298 1.223-.446 1.943-.446.723 0 1.369.148 1.943.446a3.293 3.293 0 0 1 1.359 1.293c.332.564.497 1.232.497 2.003.001.769-.165 1.436-.497 2.002m-1.703-3.347c-.433-.331-.967-.497-1.6-.497s-1.167.166-1.602.497c-.433.33-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.969.498 1.602.498s1.167-.166 1.6-.498c.435-.331.65-.779.65-1.344.001-.567-.215-1.015-.65-1.345M24.462 115.16v.936h-1.55v-.936h-.381c-.866 0-1.516-.227-1.95-.68-.433-.453-.649-1.074-.649-1.863 0-.556.096-1.014.291-1.374l1.463.396a2.238 2.238 0 0 0-.205.876c0 .556.307.834.92.834h.512v-1.55h1.55v1.55h5.817v1.812h-5.818zM29.709 105.543c-.458.479-1.135.717-2.031.717h-3.216v1.14h-1.55v-1.14H21.07l-1.139-1.813h2.98v-1.944h1.55v1.944h3.187c.438 0 .748-.081.928-.241.181-.16.27-.402.27-.724 0-.244-.057-.478-.175-.702l1.462-.424c.176.38.264.78.264 1.199-.001.848-.23 1.51-.688 1.988M19.931 101.104v-1.812h4.166a2.805 2.805 0 0 1-.942-.973 2.622 2.622 0 0 1-.358-1.367c0-.711.188-1.271.562-1.681.376-.409.93-.614 1.66-.614h5.262v1.813H25.66c-.449 0-.779.09-.994.27-.215.181-.321.455-.321.826 0 .292.103.57.308.833.204.263.516.478.936.644.418.166.945.249 1.578.249h3.113v1.812H19.931zM29.833 91.469a3.333 3.333 0 0 1-1.433 1.169 4.545 4.545 0 0 1-3.61 0 3.345 3.345 0 0 1-1.433-1.169c-.375-.532-.563-1.197-.563-1.995 0-.771.184-1.413.549-1.93a3.284 3.284 0 0 1 1.381-1.141 4.239 4.239 0 0 1 1.711-.365h.746v5.072c.446-.02.838-.183 1.168-.49.332-.307.496-.724.496-1.249 0-.409-.092-.753-.277-1.03-.185-.278-.473-.529-.862-.753l.542-1.462c.691.302 1.223.724 1.592 1.265.371.541.557 1.234.557 2.083-.001.797-.189 1.463-.564 1.995m-4.085-3.574c-.41.088-.746.261-1.009.519-.263.259-.394.611-.394 1.061 0 .428.135.784.408 1.066s.604.458.994.526v-3.172zM20.047 80.572V77.37c0-.847.187-1.631.557-2.353.369-.721.938-1.303 1.703-1.746.764-.444 1.717-.665 2.857-.665 1.139 0 2.092.221 2.857.665.764.443 1.332 1.025 1.701 1.746.371.722.557 1.506.557 2.353v3.202H20.047zm8.478-2.601c0-.975-.251-1.791-.753-2.448-.501-.658-1.372-.987-2.608-.987-1.238 0-2.107.329-2.609.987-.502.657-.754 1.474-.754 2.448v.701h6.725v-.701zM29.812 70.685c-.39.419-.94.628-1.651.628-.731 0-1.315-.277-1.754-.833s-.658-1.306-.658-2.251v-1.286h-.321c-.36 0-.631.122-.812.365s-.271.551-.271.921c0 .633.282 1.059.849 1.271l-.352 1.535a2.326 2.326 0 0 1-1.484-.943c-.374-.512-.562-1.133-.562-1.863 0-.984.261-1.747.782-2.288.521-.54 1.289-.812 2.302-.812h4.399v1.492l-.936.19c.702.573 1.052 1.33 1.052 2.265.001.653-.194 1.19-.583 1.609m-1.382-3.246c-.277-.332-.645-.497-1.104-.497h-.146v1.213c0 .4.078.709.233.929.156.219.395.328.717.328a.655.655 0 0 0 .519-.227c.132-.151.197-.348.197-.592a1.742 1.742 0 0 0-.416-1.154M29.812 61.639l-6.9 2.674v-1.827l4.619-1.711-4.619-1.607v-1.813l10.349 3.801v1.754zM35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.267l-4.783-14.969h3.713l2.674 10.275 2.525-10.275h3.444l2.525 10.275 2.674-10.275zM37.979 27.163c1.426 0 2.496 1.069 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495s-2.494-1.07-2.494-2.495c-.001-1.426 1.068-2.495 2.494-2.495">
              </path>
            </g>
          </svg>
        </a>
        </div>

        <div id="awwwards" style="position: fixed; z-index: 999; transform: translateY(0%); top: 50%;  right: 0">
          <a href="https://www.awwwards.com" target="_blank">
            <svg width="53.08" height="171.358"  style="display:none">
              <path class="js-color-bg" fill="var(--white)" d="M0 0h53.08v171.358H0z"></path>
              <g class="js-color-text" fill="black">
                <path d="M20.047 153.665v-1.9h3.888v-4.093h-3.888v-1.9h10.231v1.9h-4.59v4.093h4.59v1.9zM29.898 142.236c-.331.565-.784.997-1.359 1.294s-1.222.446-1.944.446c-.721 0-1.369-.149-1.943-.446a3.316 3.316 0 0 1-1.36-1.294c-.331-.564-.497-1.232-.497-2.002s.166-1.438.497-2.002a3.316 3.316 0 0 1 1.36-1.294c.574-.297 1.223-.445 1.943-.445.723 0 1.369.148 1.944.445a3.307 3.307 0 0 1 1.359 1.294c.331.564.497 1.232.497 2.002s-.166 1.438-.497 2.002m-1.703-3.347c-.435-.33-.967-.496-1.601-.496-.633 0-1.166.166-1.601.496-.433.332-.649.78-.649 1.346 0 .564.217 1.013.649 1.345.435.331.968.497 1.601.497.634 0 1.166-.166 1.601-.497.435-.332.649-.78.649-1.345.001-.566-.214-1.014-.649-1.346M22.911 134.852v-1.813h1.186a3.335 3.335 0 0 1-.951-1.009 2.423 2.423 0 0 1-.352-1.271c0-.682.19-1.229.57-1.645.381-.413.932-.621 1.652-.621h5.262v1.812h-4.721c-.419 0-.727.096-.921.285-.195.19-.292.447-.292.769 0 .302.115.58.35.833.234.254.577.458 1.03.613.454.156.993.234 1.616.234h2.938v1.813h-7.367zM29.898 125.136a3.314 3.314 0 0 1-1.359 1.294c-.575.297-1.222.445-1.944.445-.721 0-1.369-.148-1.943-.445a3.322 3.322 0 0 1-1.36-1.294c-.331-.565-.497-1.232-.497-2.002 0-.771.166-1.438.497-2.003a3.313 3.313 0 0 1 1.36-1.293c.574-.297 1.223-.446 1.943-.446.723 0 1.369.149 1.944.446s1.028.728 1.359 1.293.497 1.232.497 2.003c.001.769-.166 1.436-.497 2.002m-1.703-3.347c-.435-.331-.967-.497-1.601-.497-.633 0-1.166.166-1.601.497-.433.331-.649.778-.649 1.345 0 .564.217 1.013.649 1.344.435.332.968.498 1.601.498.634 0 1.166-.166 1.601-.498.435-.331.649-.779.649-1.344.001-.567-.214-1.014-.649-1.345M22.911 117.75v-1.812h1.199c-.419-.265-.742-.586-.972-.966s-.345-.784-.345-1.213c0-.272.05-.569.146-.892l1.682.336a1.429 1.429 0 0 0-.205.76c0 .576.261 1.048.783 1.418.521.37 1.342.557 2.461.557h2.617v1.812h-7.366zM29.812 111.252c-.391.511-.857.851-1.403 1.016l-.776-1.446c.381-.138.68-.329.893-.577.215-.249.321-.544.321-.885a1.2 1.2 0 0 0-.168-.658c-.112-.175-.294-.263-.548-.263-.225 0-.406.105-.548.313-.142.21-.291.534-.446.973-.019.068-.058.17-.117.307-.224.565-.506 1.004-.848 1.315-.34.313-.779.467-1.314.467-.381 0-.727-.102-1.039-.306a2.185 2.185 0 0 1-.744-.84 2.554 2.554 0 0 1-.279-1.207c0-.497.105-.949.314-1.359.211-.408.506-.725.886-.949l.993 1.082c-.43.292-.644.686-.644 1.184a.84.84 0 0 0 .154.504.471.471 0 0 0 .401.212c.176 0 .338-.103.49-.307.15-.205.334-.604.547-1.199.205-.564.474-1.001.805-1.308.332-.308.756-.46 1.271-.46.721 0 1.299.229 1.732.687s.65 1.057.65 1.797c.001.759-.194 1.396-.583 1.907M35.481 17.006l-4.782 14.969h-3.266l-2.584-9.682-2.584 9.682h-3.268l-4.782-14.969h3.713l2.673 10.276 2.525-10.276h3.445l2.524 10.276 2.674-10.276zM37.978 27.163c1.426 0 2.496 1.068 2.496 2.495 0 1.425-1.07 2.495-2.496 2.495-1.425 0-2.494-1.07-2.494-2.495-.001-1.427 1.069-2.495 2.494-2.495">
                </path>
              </g>
            </svg>
          </a>
        </div>
      </div>


      <ul id="taskList">
      </ul>
      <div id="dosCaretContainer">
        <div id="dosCaret"></div>
      </div>
    </div>

<header id="OSHeader">

  <div class="OS-Header" id="appMenu">

  </div>

  <div class="OS-Info" id="osInfo">

  </div>

</header>

<content id="desktop">


<!-- WINDOWS -->

<div id="windows">
</div>



<!-- FILES -->
<div id="files">
</div>

</content>

<!-- OS DB -->
<script src="modules/db.js" charset="utf-8"></script>

<!-- OS Interactions -->
<script src="modules/interactions.js" charset="utf-8"></script>

<!-- OS State -->
<script src="modules/components.js" charset="utf-8"></script>
<script src="modules/boot.js" charset="utf-8"></script>


<script src="modules/setup.js" charset="utf-8"></script>
</body>
</html>
